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DON'T MAKE ME 
THINK 


Review of the most important sections of the book ... 
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when I look at a Web page it 
should be selfevident. Obvious. 
Self-explanatory. I should be 
able to “get it"—what it is and 
how to use it—without 
expending any effort thinking 
about it. 
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When you're creating a 
site, your job is to get 
rid of the question 
marks. 


2 



66 


As a user, I should 
never have to devote a 
millisecond of thought to 
whether things are 
clickable—or not. 
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Users shouldn’t spend their 
time thinking about; 

• Where am I? 

• where should I begin? 

Where did they put_? 

• what are the most important 
things on this page? 

• Why did they call it that? 

• Is that an ad or part of the 
site? 
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If you can’t make 
something self-evident, 
you at least need to 
make it selfexplanatory. 
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things always in the last 
place you look for them 
because you stop 
looking when you find 
them! 
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people tend to spend 
very little time reading 
most Web pages. 
Instead, we scan (or 
skim) them, looking for 
words or phrases that 
catch our eye. 
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Why do we scan? 

• We're usually on a 
mission. 

• We know we don't need 
to read everything. 

• We're good at it. 
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What we see when we 
look at a page depends 
on what we have in 
mind, and it’s usually 
just a fraction of what’s 
there. 
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In reality, though, most 
of the time we don’t 
choose the best option 
—we choose the first 
reasonable option, 
a strategy known as 
satisficing. 
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why don’t Web users 
look for the best choice? 


• We’re usually in a hurry. 

• There’s not much of a penalty 
for guessing wrong. 

• Guessing is more fun. 
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Lots of people use 
software, Web sites, and 
consumer products 
effectively in ways that 
are nothing like what the 
designers intended. 
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One of the best ways to 
make almost anything 
easier to grasp in a 
hurry is to follow the 
existing conventions— 
the widely used or 
standardized design 
patterns. 
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Web conventions make 
life easier for users 
because they don’t have 
to constantly figure out 
what things are and how 
they’re supposed to 
work as they go from 
site to site. 
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If you’re not going to use an 
existing Web convention, 
you need to be sure that 
what you’re replacing it with 
either (a) is so clear and 
self-explanatory that there’s 
no learning curve—so it’s as 
good as the convention, or 
(b) adds so much value that 
it’s worth a small learning 
curve. 
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Pages with a clear 
visual hierarchy have 
three traits: 


• The more important 
something is, the more 
prominent it is. 

• Things that are related 
logically are related visually. 

• Things are "nested 1 ’ visually 
to show what's part of what. 
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Dividing the page into 
dearly defined areas is 
important because it 
allows users to decide 
quickly which areas of 
the page to focus on 
and which areas they 
can safely ignore. 
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One of the great 
enemies of easy-to- 
grasp pages is visual 
noise. 
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Users have varying 
tolerances for complexity 
and distractions; some 
people have no problem 
with noisy pages, but 
many find them 
downright annoying. 
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Some pages look like a 
room that’s been ransacked, 
with things strewn 
everywhere. This is a sure 
sign that the designer 
doesn’t understand the 
importance of using grids to 
align the elements on a 
page. 
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get rid of anything that's 
not making a real 
contribution. In the face 
of limited time and 
attention, everything 
that’s not part of the 
solution must go. 
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Don’t let your headings 
float. Make sure they’re 
closer to the section 
they introduce than to 
the section they follow. 
This makes a huge 
difference. 
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Much page scanning 
consists of looking for 
key words and phrases. 
Formatting the most 
important ones in bold 
where they first appear 
in the text makes them 
easier to find. 
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It doesn’t matter how 
many times I have to 
click, as long as each 
click is a mindless, 
unambiguous choice. 
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When you can't avoid 
giving me a difficult 
choice, you need to go 
out of your way to give 
me as much guidance 
as I need—but no more. 
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Get rid of half the words 
on each page, then get 
rid of half of what’s left. 
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Getting rid of all those words 
that no one is going to read 
has several beneficial effects: 

* It reduces the noise level of the 
page. 

* It makes the useful content more 
prominent. 

* It makes the pages shorter, 
allowing users to see more of each 
page at a glance without scrolling. 
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People won’t use your 
Web site if they can’t 
find their way around it. 
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the decision whether to 
start by browsing or 
searching depends on 
their current frame of 
mind, how much of a 
hurry they’re in, and 
whether the site appears 
to have decent browsable 
navigation. 
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Home pages are— 
comparatively— fixed 
places. When you’re in 
a site, the Home page 
is like the North Star. 
Being able to click 
Home gives you a fresh 
start. 
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Two of the purposes of 
navigation are fairly 
obvious: to help us find 
whatever it is we’re 
looking for and to tell us 
where we are. 
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navigation tells us what 
the site contains. 
Navigation reveals 
content! 
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If the navigation is doing 
its job, it tells you 
implicitly where to begin 
and what your options 
are. Done correctly, 
it should be all the 
instructions you need. 
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Clear, well-thought-out 
navigation is one of the 
best opportunities a site 
has to create a good 
impression. 
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Just having the 
navigation appear in the 
same place on every 
page with a consistent 
look gives you instant 
confirmation that you’re 
still in the same site— 
which is more important 
than you might think. 
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As a rule, the persistent 
navigation can 
accommodate only four 
or five Utilities—the 
ones users are likely to 
need most often. If you 
try to squeeze in more 
than that, they tend to 
get lost in the crowd. 
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Designers love subtle 
cues, because subtlety 
is one of the traits of 
sophisticated design. 

But Web users are 
generally in such a hurry 
that they routinely miss 
subtle cues. 
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every page should have 
either a search box or a 
link to a search page. 
And unless there's very 
little reason to search 
your site, it should be 
a search box. 
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Breadcrumbs show you 
the path from the Home 
page to where you are 
and make it easy to 
move back up to higher 
levels in the hierarchy of 
a site. 
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Breadcrumbs are self- 
explanatory, they don’t take 
up much room, and they 
provide a convenient, 
consistent way to do two of 
the things you need to do 
most often: back up a level 
or go Home. They’re most 
useful in a large site with a 
deep hierarchy. 
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For tabs to work to full 
effect, the graphics have 
to create the visual 
illusion that the active 
tab is in front of the 
other tabs. 
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Just when you think 
you’ve covered all the 
bases, there’s always 
just one...more...thing. 
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the Home page has to 
tell me what site this is 
and what it’s for—and if 
possible, why I should 
be here and not at some 
other site. 


43 










66 


Like the cover of a 
magazine, the Home 
page needs to entice 
me with hints of the 
“good stuff” inside. 
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If the site’s success 
depends on my coming 
back often, the Home 
page probably needs to 
have some content that 
gets updated frequently. 
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Home page space 
needs to be allocated for 
whatever advertising, 
cross-promotion, and 
co-branding deals have 
been made. 
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If the site uses 
registration, the Home 
page needs links or text 
boxes for new users to 
register and old users to 
sign in and a way to let 
me know that I’m signed 
in. 
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Show me where to start. 
There’s nothing worse 
than encountering a new 
Home page and having 
no idea where to begin. 
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Web designers are 
always struggling to 
make pages more 
visually interesting. If 
done correctly, tabs can 
add polish and serve a 
useful purpose. 
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Unlike lower-level 
pages, the Home page 
has to appeal to 
everyone who visits the 
site, no matter how 
diverse their interests. 
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If it's not clear to me what 
I’m looking at in the first 
few seconds, interpreting 
everything else on the 
page is harder, and the 
chances are greater that 
I’ll misinterpret something 
and get frustrated. 
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Most users will probably 
try to guess what the site 
is first from the overall 
content of the Home 
page. But if they can't 
guess, you want to have 
someplace on the page 
where they can go to find 
out. 
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You need to show the 
Home page to people from 
outside your organization to 
tell you whether the design 
is getting this job done 
because the “main point” is 
the one thing nobody inside 
the organization will notice 
is missing. 
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Good taglines are just 
long enough, but not too 
long. Six to eight words 
seem to be long enough 
to convey a full thought, 
but short enough to 
absorb easily. 
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Testing one user is 100 
percent better than 
testing none. Testing 
always works, and even 
the worst test with the 
wrong user will show you 
important things you can 
do to improve your site. 
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Testing one user early in 
the project is better than 
testing 50 near the end. 
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If you want to know 
whether something is 
easy enough to use, 
watch some people 
while they try to use it 
and note where they run 
into problems. 
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every Web development 
team should spend one 
morning a month doing 
usability testing. In a 
morning, you can test 
three users, then debrief 
over lunch. 
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spotlight the newest, 
best, or most popular 
pieces of content, like 
top stories and hot 
deals. 
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If you don't have the 
resources to “mobilize" 
your site at all and you’re 
not using responsive 
design, you should at 
least make sure that your 
site doesn’t resist efforts 
to view it on a mobile 
device. 
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No matter how fabulous and 
complete your mobile site is, 
you do need to give users 
the option of viewing the 
non-mobile version, 
especially if it has features 
and information that aren’t 
available in your mobile 
version. 


61 




66 


the three-dimensional 
style of some buttons 
makes it clear they’re 
meant to be clicked. 
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Be careful that your 
responsive design 
solutions aren’t loading 
up pages with huge 
amounts of code and 
images that are larger 
than necessary for the 
user's screen. 
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Making your app 
delightful is a fine 
objective. Just don’t 
focus so much attention 
on it that you forget to 
make it usable, too. 
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One of the biggest 
problems with apps is 
that if they have more 
than a few features they 
may not be very easy to 
learn. 
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I think the best way to 
make things easy to 
relearn is to make them 
incredibly clear and 
easy to learn in the first 
place. 
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Most users are very 
skeptical of requests for 
personal information 
and find it annoying if a 
site asks for more than 
what’s needed for the 
task at hand. 
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You can lose goodwill if 
your site looks sloppy, 
disorganized, or 
unprofessional, like no 
effort has gone into 
making it presentable. 


68 








66 


Use an accessible 
template.make sure that 
the theme you choose 
has been designed to be 
accessible. 
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Create significant 
contrast between your 
text and background. 
Don’t ever use light grey 
text on a dark grey 
background, for instance. 
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